{% extends 'base.html' %}

{% block title %} 注册 {% endblock %}
{% block mycss %}
    <style>
        .bodys {
            background-color: rgb(255,255,255);
        }
    </style>
{% endblock %}
{% block bodycontent %}
    <div class="container bodys">
        <form action="{{ url_for('user.register') }}" method="post">
            {#   激活csrf的包含#}
            {#    注册的时候使用     {{ myform.csrf_token }}  #}
            {{ myform.csrf_token }}
            <div class="form-group">
                {{ myform.username.label }}:{{ myform.username(class="form-control") }}
            </div>
            {% if myform.errors %}
{#              这个.0表示的是取到列表中的第一个错误信息#}
                {% if 'username' in myform.errors %}
                    <span style="color: red">提示：{{ myform.errors.username.0 }}</span>
                {% endif %}
            {% endif %}

            <div class="form-group">
                {{ myform.password.label }}:{{ myform.password(class="form-control") }}
            </div>
            {% if myform.errors %}
                <span style="color:red;">提示：{{ myform.errors.passwords.0 }}</span>
            {% endif %}

            <div class="form-group">
                {{ myform.passwords.label }}:{{ myform.passwords(class="form-control") }}
            </div>
            {% if myform.errors %}
                <span style="color:red;">提示：{{ myform.errors.password.0 }}</span>
            {% endif %}

            <div class="form-group">
                {{ myform.uphone.label }}:{{ myform.uphone(class="form-control") }}
            </div>

            {% if myform.errors %}
{#                这个.0表示的是取到列表中的第一个错误信息#}
                {% if 'uphone' in myform.errors %}
                    <span style="color: red">提示：{{ myform.errors.uphone.0 }}</span>
                {% endif %}
            {% endif %}

            <div class="form-group">
                {{ myform.submit(id="resbtn", class="btn btn-success") }}
            </div>
        </form>
    </div>
{% endblock %}